@CHARSET "UTF-8";
<style>
<!--
#apDiv1 {
	position:absolute;
	left:290px;
	top:17px;
	width:218px;
	height:490px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:340px;
	top:57px;
	width:128px;
	height:271px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:508px;
	top:17px;
	width:709px;
	height:224px;
	z-index:2;
}
#apDiv4 {
	position:absolute;
	left:507px;
	top:83px;
	width:346px;
	height:162px;
	z-index:3;
}
#apDiv5 {
	position:absolute;
	left:508px;
	top:406px;
	width:717px;
	height:101px;
	z-index:4;
}
#apDiv10 {
	position:absolute;
	left:1067px;
	top:416px;
	width:1px;
	height:1px;
	z-index:5;
}

body{
	background:#DAD5C1;
		clear:both;
}
img{
	text-align:center;
	max-width:100%;
	height:auto;
	width:auto;
	border-radius:10px
}
#wrapper{
	margin:0 auto;
	max-width:1200px;
	width: 96%;
	background:#c0c0c0;
	padding:2%;
	border-radius:10px;
}
#title {
	padding:5px;
	text-align:center;
	border-radius:10px;
}

#contentAll {
	float:left;
	background:#808080;
	width:100%;
	height:1000px;
	border-radius:10px;
/* 	margin-top:1%;
	margin-left:1%; */
}
nav{
	background:#A09885;
	float:top;
	padding:0;
	margin:0 0;
	border-radius:10px;
}
nav ul{
	list-style:none;
	margin-left:7%;
	padding:0;
}
nav li a{
	color: #000;
	display:block;
	float:left;
	padding:20px;
	text-decoration:none;
}
nav a:hover, nav li.active a{
	background-color:#322F2C;
	color:#fff;
}
.clear{
	clear:both;
}
#left {
	border:1px solid #3ea4e1;
	width:25%;
	margin-top:5%;
	margin-left:3%;
	float:left;
	height:570px;
	border-radius:10px;
}
#content {
	border:1px solid #3ea4e1;
	width:40%;
	height:570px;
	float:left;
	overflow: scroll;
	margin-top:5%;
	margin-left:3%;
	border-radius:10px;
}

#top-sidebar1 {
	background:#8080c0;
	width:25%;
	float:right;
	margin-top:5%;
	margin-right:2%;
	height:250px;
	border-radius:10px;
}
#bottom-sidebar2 {
	background:#8080c0;
	width:25%;
	float:right;
	margin-top:5%;
	margin-right:2%;
	height:250px;
	border-radius:10px;
}
.left-col{
	background:#DAD5C1;
	width: 100%;
	float:left;
	margin-top:2%;
	border-radius:10px;
}
.what{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.what iframe{
	position:absolute;
	top :0;
	left:0;
	align:center;
	width:100%;
	height:100%;
	
}
#company {
	border:1px solid #264046;
	border-radius:5px;
}
@media only screen and (min-width:158px) 
and (max-width:600px){
	
	.body{
	width:98%;
	}
	#wrapper img{
	width:100%;
	}
	#left{
		height:160px;
		width:100%;
		display:inline;
		list-style:none;
		display:inline-block;
	}
	.menu ul{ list-style:none;}
	.mainheader nav{height:160px;}
	.mainheader nav ul{padding-left:0}
	.mainheader nav ul li{width:100%;text-align:center}
	.mainheader nav a:link,
	.mainheader nav a:visited
	{width:100%;text-align:center;}
	
	#content{width:100%;float:left;}
	#topcontent{background:#FFF;border-radius:5px;
	padding:3% 5%; margin-top:2%;}
	#bottomcontent{margin-top:3%;}

	#top-sidebar, #bottom-sidebar{width:94%;
	margin:2% 0 2% 0; padding 2% 3%;
	}
	#bottom-sidebar{width:94%, margin:2% 0 2% 0;padding:2% 3%;}
}
-->
</style>